<!doctype html>
<html lang="en">

	<head>
		<title>微端应用 -广州爱企舞互动</title>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
		<meta name="keywords" content="">
		<meta name="description" content="">
		<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
		<link rel="apple-touch-icon" href="">
		<link rel="apple-touch-icon" sizes="72x72" href="">
		<link rel="apple-touch-icon" sizes="114x114" href="">
		<link rel="stylesheet" href="css/QQ.css">
		<link rel="stylesheet" href="css/reset.css" />
		<link rel="stylesheet" href="css/erjidaohang.css" />
		<link rel="stylesheet" href="font-awesome-4.3.0/css/font-awesome.min.css" />
		<link rel="stylesheet" href="css/publicdemo.css" />
		<link rel="stylesheet" href="css/container.css" />
		
		<link rel="stylesheet" href="css/medias.css" />
		<link rel="stylesheet" href="css/header.css" />

		<script src="js/jquery-1.9.1.min.js"></script>
		<!--<script src="js/main.js" type="text/javascript"></script>-->
		<script src="js/二级导航.js" type="text/javascript"></script>
		
		<script type="text/javascript" src="js/header.js"></script>
		<script src="js/jquery.niceHover.js" type="text/javascript"></script>
		<script src="js/blocksit.min.js" type="text/javascript"></script>
		<!--<script type="text/javascript" src="js/jquery.bumpytext.packed.js"></script>-->
		<script type="text/javascript" src="js/jQuery.easing.min.js"></script>
		<script type="text/javascript" src="easying.js"></script>
	<!--	<script type="text/javascript" src="jquery.min.js"></script>-->
		
		
		
	

	</head>

	<body>
	
		
		
		<!--侧栏qq客服开始-->
		<div class="qq_imasgs">
			<div class="qqs">
				<img src="images/QQ_S__03.png"/>
			</div>
			<div class="kf">
				<a href="javascript:;" class="qq1"><span>林文钦</span></a>
				<a href="javascript:;" class="qq1"><span>竹叶青</span></a>
				<a href="javascript:;" class="qq1"><span>梁主管</span></a>
				<a href="javascript:;" class="qq1"><span>王主编</span></a>
			</div>
			
		</div>
		<!--侧栏qq客服结束-->
		
		
		
		<!--菜单下拉-->
		
		<div class="p_menu" style="height: 230px;">
			    <ul>
				   <li><a href="../网站建设/index_典型客服.html">典型客户</a></li>
				   <li class="current"><a href="../网站建设/index_网站建设.html">网站建设</a></li>
				   <li><a href="../微端应用/index_微端应用.html">微端应用</a></li>
				</ul>
				<div class="p_link_list">
					<dl>
						<dd><a href="javascript:;"><img src="images/qq_icon.png" style="width:40px;height:auto"></a></dd>
						<dd><a href="javascript:;"><img src="images/phone_icon.png" style="width:40px;height:auto"></a></dd>
						<dd><a href="javascript:;"><img src="images/tel_icon.png" style="width:40px;height:auto"></a></dd>
					</dl>
			    </div>
		 </div>
		
		
		
		<!--菜单结束-->
		
		
	
		
		
		
		<!--头部开始-->
		<div class="header">
			
			<div class="DIV">
				<!--左边盒子开始-->
				<div class="left_menu">
					<div class="logos"><a href="../h5网站.html"><img src="images/logo.png"></a></div>
					<div class="menus">
	                     <ul>
	                         <li>
	                             <div class="orig" style="top: 0px;"><a href="../网站建设/index_典型客服.html">典型客户</a></div>
	                             <div class="now" style="top: 0px;"><a href="../网站建设/index_典型客服.html">典型客户</a></div>
	                         </li>
	                         <li class="current">
	                             <div class="orig" style="top: 0px;"><a href="../网站建设/index_网站建设.html">网站建设</a></div>
	                             <div class="now" style="top: -75px;"><a href="../网站建设/index_网站建设.html">网站建设</a></div>
	                         </li>
	                         <li>
	                             <div class="orig" style="top: 0px;"><a href="../微端应用/index_微端应用.html">微端应用</a></div>
	                             <div class="now" style="top: 0px;"><a href="../微端应用/index_微端应用.html">微端应用</a></div>
	                         </li>
	                     </ul>
                	</div>
				</div>
				<!--左边盒子结束-->
			
			
			
		<!--右边按钮开始-->
				<ul class="fr">
	                <li>
	                    <a class="caidan">
	                        <span class="icon-bar"></span>
	                        <span class="icon-bar"></span>
	                        <span class="icon-bar"></span>
							<span class="icon-bar"></span>
	                    </a>
	                </li>
            	</ul>
		<!--右边按钮结束-->	
				
				
				<!--右边盒子开始-->
				
				<div class="search_box">
	                 <div class="search_inner">
	                         <input type="text" class="search_txt" placeholder="输入关键词搜索" style="opacity:1;">
	                         <input type="submit" class="search_btn" value="">
	                     
	                 </div>
            	</div>
            	
				<!--右边盒子结束-->
				
			</div>
			
			
		</div>
		
		<!--头部结束-->
<!--	
	
	
		<div class="QQ_s" id="QQ_s">
			<div class="QQ_y" style="display: block;">
				<img src="images/QQ_S__03.png" width="112" height="80">
			</div>
			<div class="QQ_x" style="display:none;">
				<a href="tencent://message/?uin=3321079045" class="qq_i"><span>林文钦</span></a>
				<a href="tencent://message/?uin=173244201" class="qq_i"><span>竹叶青</span></a>
				<a href="tencent://message/?uin=2637953860" class="qq_i"><span>吴主管</span></a>
				<a href="tencent://message/?uin=3101233392" class="qq_i"><span>梁小姐</span></a>
			</div>
		</div>

		<div class="heade_inner">
			<div class="DIV">
				<div class="fl">
					<div class="logo_inner">
						<a href="index.html"><img src="images/logo.png"></a>
					</div>
					<div class="menu_inner">
						<ul>
							<li>
								<div class="orig" style="top: -75px;">
									<a href="client.html">典型客户</a>
								</div>
								<div class="now" style="top: -75px;">
									<a href="client.html">典型客户</a>
								</div>
							</li>
							<li>
								<div class="orig" style="top: 0px;">
									<a href="case.html">网站建设</a>
								</div>
								<div class="now" style="top: 0px;">
									<a href="case.html">网站建设</a>
								</div>
							</li>
							<li class="current">
								<div class="orig" style="top: 0px;">
									<a href="wap.html">微端应用</a>
								</div>
								<div class="now" style="top: 0px;">
									<a href="wap.html">微端应用</a>
								</div>
							</li>
						</ul>
					</div>
				</div>

				<ul class="fr">
					<li>
						<a class="btn btn-navbar">
							<span class="icon-bar"></span>
							<span class="icon-bar"></span>
							<span class="icon-bar"></span>
							<span class="icon-bar"></span>
						</a>
					</li>
				</ul>

				<div class="fr">
					<div class="search_inner">
						<form class="form2" action="" method="post">
							<input class="sea_txt font12" placeholder="输入关键词搜索" style="opacity: 1; width: 0px;" type="text">
							<input class="search_but" value="" type="submit">
						</form>
					</div>
				</div>
				<div class="clearfix"></div>
			</div>
		</div>
		
		-->
		<!--二级导航-->
		<div id="menu1" class="menu">
			<ul>
				<li>
					<a href="#">政府国企</a>
				</li>
				<li>
					<a href="#">知名品牌</a>
				</li>
				<li>
					<a href="#">中小企业</a>
				</li>
				<li>
					<a href="#">上市公司</a>
				</li>
				<li>
					<a href="#">集团公司</a>
				</li>
				<li>
					<a href="#">B2C商城</a>
				</li>
			</ul>
		</div>
		<!--瀑布流-->
		<div id="container">
			<div class="grid">
				<div id="grid_item">
					<div class="thumb">
						<a href="javascript:;">
							<img src="images/clients/1.jpg" alt="图片提示">
						</a>
						<div class="extra">
							<img src="images/clients/14447965422109349711.png" />
							<p>手机扫描,查看案列</p>
						</div>
					</div>
					<div class="meta">
						<div class="title">
							<a href="javascript:;" style="color: #666;">相宜本草·遇见松茸</a>
						</div>

					</div>
					<div class="data">

						<span class="time"><a href="javascript:;">2015-10-14</a></span>
						<span>
                    <a href="javascript:;">
                        <i class="fa fa-comment"></i>
                        12
                    </a>
                </span>
						<span>
                    <a href="javascript:;">
                        <i class="fa fa-heart"></i>
                        24
                    </a>
                </span>
					</div>
				</div>
			</div>
			<div class="grid">
				<div id="grid_item">
					<div class="thumb">
						<a href="javascript:;">
							<img src="images/clients/10.jpg" alt="图片提示">
						</a>
						<div class="extra">
							<img src="images/clients/14447965422109349711.png" />
							<p>手机扫描,查看案列</p>
						</div>
					</div>
					<div class="meta">
						<div class="title">
							<a href="javascript:;" style="color: #666;">南方电网</a>
						</div>

					</div>
					<div class="data">

						<span class="time"><a href="javascript:;">2015-12-16</a></span>
						<span>
                    <a href="javascript:;">
                        <i class="fa fa-comment"></i>
                        8
                    </a>
                </span>
						<span>
                    <a href="javascript:;">
                        <i class="fa fa-heart"></i>
                        6
                    </a>
                </span>
					</div>
				</div>
			</div>
			<div class="grid">
				<div id="grid_item">
					<div class="thumb">
						<a href="javascript:;">
							<img src="images/clients/11.jpg" alt="图片提示">
						</a>
						<div class="extra">
							<img src="images/clients/14459202631104724922.jpg" />
							<p>手机扫描,查看案列</p>
						</div>
					</div>
					<div class="meta">
						<div class="title">
							<a href="javascript:;" style="color: #666;">东南汽车青运会</a>
						</div>

					</div>
					<div class="data">

						<span class="time"><a href="javascript:;">2015-12-16</a></span>
						<span>
                    <a href="javascript:;">
                        <i class="fa fa-comment"></i>
                        20
                    </a>
                </span>
						<span>
                    <a href="javascript:;">
                        <i class="fa fa-heart"></i>
                        13
                    </a>
                </span>
					</div>
				</div>
			</div>
			<div class="grid">
				<div id="grid_item">
					<div class="thumb">
						<a href="javascript:;">
							<img src="images/clients/12.jpg" alt="图片提示">
						</a>
						<div class="extra">
							<img src="images/clients/14448000821713051972.png" />
							<p>手机扫描,查看案列</p>
						</div>
					</div>
					<div class="meta">
						<div class="title">
							<a href="javascript:;" style="color: #666;">万联证券</a>
						</div>

					</div>
					<div class="data">

						<span class="time"><a href="javascript:;">2015-10-14</a></span>
						<span>
                    <a href="javascript:;">
                        <i class="fa fa-comment"></i>
                        18
                    </a>
                </span>
						<span>
                    <a href="javascript:;">
                        <i class="fa fa-heart"></i>
                        16
                    </a>
                </span>
					</div>
				</div>
			</div>
			<div class="grid">
				<div id="grid_item">
					<div class="thumb">
						<a href="javascript:;">
							<img src="images/clients/13.jpg" alt="图片提示">
						</a>
						<div class="extra">
							<img src="images/clients/14448000821713051972.png" />
							<p>手机扫描,查看案列</p>
						</div>
					</div>
					<div class="meta">
						<div class="title">
							<a href="javascript:;" style="color: #666;">夺宝微商城</a>
						</div>

					</div>
					<div class="data">

						<span class="time"><a href="javascript:;">2016-02-01</a></span>
						<span>
                    <a href="javascript:;">
                        <i class="fa fa-comment"></i>
                        14
                    </a>
                </span>
						<span>
                    <a href="javascript:;">
                        <i class="fa fa-heart"></i>
                        23
                    </a>
                </span>
					</div>
				</div>
			</div>
			<div class="grid">
				<div id="grid_item">
					<div class="thumb">
						<a href="javascript:;">
							<img src="images/clients/14.jpg" alt="图片提示">
						</a>
						<div class="extra">
							<img src="images/clients/14448000821713051972.png" />
							<p>手机扫描,查看案列</p>
						</div>
					</div>
					<div class="meta">
						<div class="title">
							<a href="javascript:;" style="color: #666;">美的5.1砍价大优惠</a>
						</div>

					</div>
					<div class="data">

						<span class="time"><a href="javascript:;">2016-11-15</a></span>
						<span>
                    <a href="javascript:;">
                        <i class="fa fa-comment"></i>
                        18
                    </a>
                </span>
						<span>
                    <a href="javascript:;">
                        <i class="fa fa-heart"></i>
                        16
                    </a>
                </span>
					</div>
				</div>
			</div>
			<div class="grid">
				<div id="grid_item">
					<div class="thumb">
						<a href="javascript:;">
							<img src="images/clients/15.jpg" alt="图片提示">
						</a>
						<div class="extra">
							<img src="images/clients/14448000821713051972.png" />
							<p>手机扫描,查看案列</p>
						</div>
					</div>
					<div class="meta">
						<div class="title">
							<a href="javascript:;" style="color: #666;">北汽幻速</a>
						</div>

					</div>
					<div class="data">

						<span class="time"><a href="javascript:;">2016-12-01</a></span>
						<span>
                    <a href="javascript:;">
                        <i class="fa fa-comment"></i>
                        25
                    </a>
                </span>
						<span>
                    <a href="javascript:;">
                        <i class="fa fa-heart"></i>
                        23
                    </a>
                </span>
					</div>
				</div>
			</div>
			<div class="grid">
				<div id="grid_item">
					<div class="thumb">
						<a href="javascript:;">
							<img src="images/clients/16.jpg" alt="图片提示">
						</a>
						<div class="extra">
							<img src="images/clients/14448000821713051972.png" />
							<p>手机扫描,查看案列</p>
						</div>
					</div>
					<div class="meta">
						<div class="title">
							<a href="javascript:;" style="color: #666;">中山菊花会</a>
						</div>

					</div>
					<div class="data">

						<span class="time"><a href="javascript:;">2016-12-01</a></span>
						<span>
                    <a href="javascript:;">
                        <i class="fa fa-comment"></i>
                        33
                    </a>
                </span>
						<span>
                    <a href="javascript:;">
                        <i class="fa fa-heart"></i>
                        15
                    </a>
                </span>
					</div>
				</div>
			</div>
			<div class="grid">
				<div id="grid_item">
					<div class="thumb">
						<a href="javascript:;">
							<img src="images/clients/17.jpg" alt="图片提示">
						</a>
						<div class="extra">
							<img src="images/clients/14448000821713051972.png" />
							<p>手机扫描,查看案列</p>
						</div>
					</div>
					<div class="meta">
						<div class="title">
							<a href="javascript:;" style="color: #666;">掌中保</a>
						</div>

					</div>
					<div class="data">

						<span class="time"><a href="javascript:;">2016-07-08</a></span>
						<span>
                    <a href="javascript:;">
                        <i class="fa fa-comment"></i>
                        33
                    </a>
                </span>
						<span>
                    <a href="javascript:;">
                        <i class="fa fa-heart"></i>
                        28
                    </a>
                </span>
					</div>
				</div>
			</div>
			<div class="grid">
				<div id="grid_item">
					<div class="thumb">
						<a href="javascript:;">
							<img src="images/clients/2.jpg" alt="图片提示">
						</a>
						<div class="extra">
							<img src="images/clients/14448000821713051972.png" />
							<p>手机扫描,查看案列</p>
						</div>
					</div>
					<div class="meta">
						<div class="title">
							<a href="javascript:;" style="color: #666;">中国发展基金会</a>
						</div>

					</div>
					<div class="data">

						<span class="time"><a href="javascript:;">2015-12-17</a></span>
						<span>
                    <a href="javascript:;">
                        <i class="fa fa-comment"></i>
                        36
                    </a>
                </span>
						<span>
                    <a href="javascript:;">
                        <i class="fa fa-heart"></i>
                        12
                    </a>
                </span>
					</div>
				</div>
			</div>
			<div class="grid">
				<div id="grid_item">
					<div class="thumb">
						<a href="javascript:;">
							<img src="images/clients/3.jpg" alt="图片提示">
						</a>
						<div class="extra">
							<img src="images/clients/14448000821713051972.png" />
							<p>手机扫描,查看案列</p>
						</div>
					</div>
					<div class="meta">
						<div class="title">
							<a href="javascript:;" style="color: #666;">食尚潮人</a>
						</div>

					</div>
					<div class="data">

						<span class="time"><a href="javascript:;">2016-1-25</a></span>
						<span>
                    <a href="javascript:;">
                        <i class="fa fa-comment"></i>
                        15
                    </a>
                </span>
						<span>
                    <a href="javascript:;">
                        <i class="fa fa-heart"></i>
                        32
                    </a>
                </span>
					</div>
				</div>
			</div>
			<div class="grid">
				<div id="grid_item">
					<div class="thumb">
						<a href="javascript:;">
							<img src="images/clients/9.jpg" alt="图片提示">
						</a>
						<div class="extra">
							<img src="images/clients/14448000821713051972.png" />
							<p>手机扫描,查看案列</p>
						</div>
					</div>
					<div class="meta">
						<div class="title">
							<a href="javascript:;" style="color: #666;">易点2015拜年专题</a>
						</div>

					</div>
					<div class="data">

						<span class="time"><a href="javascript:;">2015-10-14</a></span>
						<span>
                    <a href="javascript:;">
                        <i class="fa fa-comment"></i>
                        56
                    </a>
                </span>
						<span>
                    <a href="javascript:;">
                        <i class="fa fa-heart"></i>
                        38
                    </a>
                </span>
					</div>
				</div>
			</div>
		</div>

		<!--尾部-->
		<div>
			<div class="top_in">
				<div class="DIV4">
					<div class="phone_num fl">
						<div><img src="images/phone_imgh.png" /></div>
						<div class="class=" num_list "">
							<p class="class=" big_n "">400-886-9266</p>
							<p>020-85276913</p>
						</div>
					</div>
					<div class="contact_list inner">
						<ul>
							<li>
								<p style="font-size: 1.5em;">竹叶青</p>
								<p style="color: #444444;font-size: 1.3em;">
									<a href="#">QQ：173244201</a>
								</p>
							</li>
							<li>
								<p style="font-size: 1.5em;">竹叶青</p>
								<p style="color: #444444;font-size: 1.3em;">
									<a href="#">QQ：173244201</a>
								</p>
							</li>
							<li>
								<p style="font-size: 1.5em;">竹叶青</p>
								<p style="color: #444444;font-size: 1.3em;">
									<a href="#">QQ：173244201</a>
								</p>
							</li>
						</ul>
					</div>
					<div class="code_list fr inner">
						<ul>
							<li><img src="images/sina_img.jpg" /></li>
							<li><img src="images/wx_img.jpg" /></li>
							<li><img src="images/eidea_img.jpg" /></li>
						</ul>
					</div>
				</div>
			</div>
			<div class="bottom_in">
				<div class="DIV4">
					<div class="h_logo box"><img src="images/logo_hui.png" /></div>
					<div class="b_menu">
						<ul>
							<li class="box1">
								<a href="#">首页</a>
							</li>
							<li>|</li>
							<li class="box1">
								<a href="#">我们服务</a>
							</li>
							<li>|</li>
							<li class="box1">
								<a href="#">成功案例</a>
							</li>
							<li>|</li>
							<li class="box1">
								<a href="#">关于我们</a>
							</li>
							<li>|</li>
							<li class="box1">
								<a href="#">联系我们</a>
							</li>
							<li>|</li>
						</ul>
					</div>
					<div class="add_txt">
						<p id="example">地址：广州天河区黄埔大道西495号嘉冠国际大厦10楼</p>
					</div>
					<div class="bq_txt">
						版权所有：易点科技　广州爱企舞互动设计有限公司 粤ICP备15085589号-1
					</div>
				</div>
			</div>

	</body>
	<script type="text/javascript" src="js/velocity.ui.min.js"></script>
	<script type="text/javascript" src="js/velocity.min.js"></script>
	<script type="text/javascript">
		$(function() {

			$(".extra").each(function() {
				$(this).parent().hover(function() {
					$(this).children(".extra").stop(true).animate({
							top: '0px'
						}, 150)
						.animate({
							top: '-30px'
						}, 150)
						.animate({
							top: '0px'
						}, 150)
						.animate({
							top: '-15px'
						}, 150)
						.animate({
							top: '0px'
						}, 150);
				}, function() {
					$(this).children(".extra").stop(true).animate({
						top: '-340px'
					});
				});
			});

			/* 表示页面 加载完成 马上执行代码 */

			$("#right-bar li").click(function() {
				$("#overlay").show();
				$("#loginbar").hide(); //show();  //  hide
			});

			$(window).load(function() { // 从新区 瀑布流 布局

				var winWidth = $(window).width();
				if(winWidth < 660) {
					col = 1;
					$("#container").width(300);
				}

				$("#container").BlocksIt({
					numOfCol: col,
					offsetX: 8,
					offsetY: 16,
					blockElement: ".grid"
				});
			});

			var currentWidth = 1100;
			var col = 4; // 当前显示列数
			$(window).resize(function() {
				var winWidth = $(window).width();
				var conWidth; // 容器宽度
				if(winWidth < 660) { // 手机  显示一列
					conWidth = 300;
					col = 1;
				} else if(winWidth < 880) { // 2列
					conWidth = 660;
					col = 2;
				} else if(winWidth < 1100) { // 三列
					conWidth = 880;
					col = 3;
				} else { // 四列
					col = 4;
					conWidth = 1100;
				}

				if(conWidth != currentWidth) {
					currentWidth = conWidth;
					// 修改 容器的宽度
					$("#container").width(conWidth)
						.BlocksIt({
							numOfCol: col
						});

				}

			});

		});
		/*文字边框*/
		$(".box,.box1").niceHover({
			weight: 1,
			color: "#530091"
		});
		/*文字跳动*/
		$(document).ready(function() {

			$('p#example').bumpyText();
			$('p#examplea').bumpyText();

		});
		$(document).ready(function() {

		});
	</script>

</html>